<template>
    <div>
        <div class="search_bar clearfix">
            <a href="index.html" class="logo fl"><img src="/static/images/logo.png"></a>
            <div class="search_wrap fl">
                <!-- 搜索框 -->
                <form method="get" action="/search.html" class="search_con">
                    <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                    <input type="submit" class="input_btn fr" name="" value="搜索">
                </form>
                
                <ul class="search_suggest fl">
                    <li><a href="#">索尼微单</a></li>
                    <li><a href="#">优惠15元</a></li>
                    <li><a href="#">美妆个护</a></li>
                    <li><a href="#">买2免1</a></li>
                </ul>
            </div>

            <div class="guest_cart fr">
                <a href="#" class="cart_name fl">我的购物车</a>
                <div class="goods_count fl" id="show_count">15</div>

                <ul class="cart_goods_show">
                    <li>
                        <img src="images/goods/goods001.jpg" alt="商品图片">
                        <h4>商品名称手机</h4>
                        <div>4</div>
                    </li>
                    <li>
                        <img src="images/goods/goods002.jpg" alt="商品图片">
                        <h4>商品名称手机</h4>
                        <div>5</div>
                    </li>
                    <li>
                        <img src="images/goods/goods003.jpg" alt="商品图片">
                        <h4>商品名称手机</h4>
                        <div>6</div>
                    </li>
                    <li>
                        <img src="images/goods/goods003.jpg" alt="商品图片">
                        <h4>商品名称手机</h4>
                        <div>6</div>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {

        }
    },
    methods: {

    },
    created() {

    }
}
</script>

<style scoped>

</style>
